<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 模板</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
	charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
         <script src="js/html5shiv.js"></script>
         <script src="js/respond.min.js"></script>
      <![endif]-->
</head>
<body>
	<div class="container">
		<div class="row">
		<div class="col-xs-4"></div>
			<div class="col-xs-4">
				<nav class="navbar navbar-default">
					<form class="navbar-form navbar-left" role="search">
						<div class="input-group">
							<input type="text" class="form-control" placeholder="搜索" />
							<div class="input-group-btn">
								<button class="btn btn-default" data-toggle="modal"
									data-target="#dd" type="button">
									<span class="glyphicon glyphicon-search"></span>
								</button>
							</div>
						</div>
					</form>
					<ul class="nav navbar-nav">
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown" role="button" aria-haspopup="true"
							aria-expanded="false"><span class="glyphicon glyphicon-th-list"></span>通讯录</a>
							<ul class="dropdown-menu">
								<li><a href="te6.php">添加</a></li>
								<li role="separator" class="divider"></li>
								<li><a href="#">列表</a></li>
							</ul></li>
					</ul>
				</nav>
			</div>
			<div class="col-xs-4"></div>
		</div>
		<div class="row">
		<div class="col-xs-4"></div>
			<div class="col-xs-4">
				<div class="panel panel-default">
					<div class="panel-heading">
						<div class="panel-title">通讯录列表</div>
					</div>
					<div class="list-group">
						<a class="list-group-item">小玲</a> <a class="list-group-item">小明</a>
						<a class="list-group-item">小张</a> <a class="list-group-item">小李</a>
						<a class="list-group-item">小赵</a> <a class="list-group-item">小彭</a>
						<a class="list-group-item">小王</a> <a class="list-group-item">小任</a>
						<a class="list-group-item">小胡</a> <a class="list-group-item">小康</a>
					</div>
				</div>
			</div>
			<div class="col-xs-4"></div>
		</div>
	</div>
</body>
</html>